<template>
  <a-drawer
    :visible="visible"
    :title="title"
    placement="right"
    @close="btnClose"
    :keyboard="false"
    :width="800"
  >

  </a-drawer>
</template>

<script>
import { message } from "ant-design-vue";
import {
  defineComponent,
  reactive,
  ref,
  computed,
  watch,
  toRaw,
  toRefs,
} from "vue";
import request from "../../../common/utils/request";
import { PlusOutlined } from "@ant-design/icons-vue";
import { TextTip } from "bl-common-vue3";
import {CARD_OPTIONS, SEX_OPTIONS} from "@/common/utils/constant";

export default defineComponent({
  name: "ExpirationContractDrawer",
  components: {  },
  props: {
    visible: {
      type: Boolean,
      default: false,
    },
    data: {

    }
  },
  setup(props, context) {

    const state = reactive({
      photoList: [],
    });



    watch(
      () => props.visible,
      (val) => {
        if (val) {

        } else {

        }
      }
    );
    return {
      ...toRefs(state),

    };
  },
});


</script>

<style lang="less" scoped>

</style>
